    * {
        padding: 0;
        margin: 0;
    }
    
    .container {
        width: 1000px;
        margin: 0 auto;
        box-sizing: border-box;
        margin-top: 10px;
        background: url(./image/nmm.gif);
        background-size: 100%;
        /* background-repeat: ; */
    }
    
    .hi {
        display: block;
        width: 170px;
        height: 180px;
        padding: 10px;
        border-radius: 10px;
        border-radius: 130px;
        transition: all 2s;
        margin-left: 100px;
        margin-bottom: 150px;
        border-right: double 5px white;
        border-left: double 5px white;
        padding: 40px;
        box-shadow: 30px 30px 80px white;
    }
    
    .renr img {
        width: 300px;
        height: 400px;
        display: block;
        margin-left: 80px;
        position: absolute;
        right: 150px;
        top: 100px;
    }
    
    .header .nav img {
        width: 30px;
        height: 45px;
        margin: 15px 50px 10px;
        position: fixed;
    }
    
    .shou {
        margin-bottom: 50px;
        box-sizing: border-box;
        padding-top: 20px;
    }
    
    .hi:hover {
        transform: scale(1.2);
        transform-origin: center;
    }
    
    ul.tab {
        list-style-type: none;
        position: fixed;
        line-height: 30px;
        margin: 70px 50px 10px;
    }
    
    .taba {
        list-style-type: none;
        text-decoration: none;
        color: white;
        font-size: 15px;
    }
    
    .tab a {
        text-decoration: none;
        color: rgb(0, 0, 0);
        font-size: 15px;
    }
    
    .lint {
        width: 1000px;
        height: 20px;
        margin-bottom: 50px;
        border-top: solid 2px white;
        border-bottom: solid 2px white;
    }
    
    .lin {
        width: 1000px;
        height: 20px;
        border-top: solid 2px white;
        border-bottom: solid 2px white;
        margin-bottom: 50px;
        margin-top: 50px;
    }
    
    .about img {
        width: 150px;
        margin-left: 250px;
        box-shadow: 0 0 20px rgb(5, 92, 150);
        background-color: rgb(112, 181, 228);
        border-radius: 30px;
        transition: all 2s;
    }
    
    .about img:hover {
        transform: rotate(360deg) scale(1.5);
        transform-origin: center;
    }
    
    .mida img,
    .midb img,
    .midc img,
    .midd img {
        transition: all 1s;
    }
    
    .mida img:hover,
    .midb img:hover,
    .midc img:hover,
    .midd img:hover {
        transform: scale(1.8);
        transform-origin: center;
    }
    
    .wo {
        font-size: 30px;
        color: white;
    }
    
    h5 {
        color: white;
        display: inline-block;
        width: 350px;
        font-size: 18px;
    }
    
    .numo {
        display: inline-block;
        padding: 50px;
    }
    
    ul.tabt {
        list-style-type: none;
    }
    
    .wor a {
        text-decoration: none;
        color: white;
        border: solid 1px white;
        padding: 5px;
        margin: 10px;
        border-radius: 10px
    }
    
    h1,
    h2,
    h3,
    h5,
    .wora,
    .wo,
    p,
    .eng,
    .taba,
    .tabt {
        font-family: 'Courier New', Courier, monospace;
    }
    
    p {
        display: block;
        width: 110px;
        border-left: solid 1px rgb(209, 209, 209);
        border-right: solid 1px rgb(209, 209, 209);
        font-size: 10px;
        padding: 5px;
        margin-left: 20px;
    }
    
    .pai img,
    .ps img,
    .diy img,
    .pho img {
        height: 200px;
        box-shadow: 0 0 10px rgb(34, 96, 146);
        margin-bottom: 20px;
        margin-left: 20px;
    }
    
    .paia,
    .paib,
    .paic,
    .psa,
    .psb,
    .psc,
    .diya,
    .diyb,
    .diyc,
    .phoa,
    .phob,
    .phoc {
        display: inline-block;
        margin: 0 10px;
    }
    
    .paid,
    .paie,
    .paif,
    .psd,
    .pse,
    .psf {
        display: inline-block;
        margin: 20px 0;
    }
    
    .mida,
    .midb,
    .midc,
    .midd {
        margin-left: 100px;
    }
    
    h1,
    h2,
    h3,
    h4,
    p,
    .eng,
    .tab,
    .footer {
        color: white
    }
    
    h2 {
        display: block;
        width: 200px;
        letter-spacing: 5px;
        margin-left: 100px;
        margin-bottom: 50px;
        border-left: solid 5px rgb(11, 107, 151);
        padding-left: 10px;
    }
    
    .wor {
        display: inline-block;
        margin-left: 200px;
        text-align: center;
        line-height: 50px;
    }
    
    div.wora {
        font-size: 50px;
        color: white;
        padding-bottom: 20px;
    }
    
    .eng {
        box-sizing: border-box;
        display: block;
        letter-spacing: 10px;
        margin-bottom: 20px;
        padding-left: 10px;
        border-left: solid 5px rgb(11, 107, 151);
    }
    
    .tit {
        margin-left: 200px;
    }
    
    .last {
        text-align: left;
        /* padding-left: 150px; */
        display: inline-block;
        position: relative;
        margin-left: 200px;
    }
    
    .footer {
        font-size: 10px;
        border: solid 0.5px white;
        display: block;
        width: 140px;
        padding: 2px;
        margin-top: 10px;
    }
    
    a:hover {
        color: rgb(219, 217, 217);
        font-size: 20px;
    }
    
    .rens {
        display: inline-block;
        animation: move 5s infinite forwards;
    }
    
    @keyframes move {
        0% {
            transform: translate(0, 0);
        }
        20% {
            transform: translate(20px, 0);
        }
        40% {
            transform: translate(40px, 0);
        }
        60% {
            transform: translate(60px, 0);
        }
        80% {
            transform: translate(80px, 0);
        }
        100% {
            transform: translate(150px, 0);
        }
    }
    
    .ren {
        margin-left: 150px;
    }